草庐IT

vue 组件的引用

全部标签

javascript - React 组件在浏览器中正确呈现,但呈现 : "Only a ReactOwner can have refs" 时 Jest 测试错误

我在React中有两个组件可以很好地呈现并在浏览器中产生预期的行为,但在通过Jest运行测试时似乎无法呈现。描述.jsvarReact=require('react/addons');var$=require('jquery');varDescription=require('./description.js');varDescriptions=React.createClass({getInitialState:function(){//containeralwaysstartswithatleastonedescriptionfieldthatisempty,orwhateveri

javascript - AJAX 部分加载后 Vue 绑定(bind)?

我刚刚开始使用Vue.js并尝试将其整合到我已经构建了一段时间的应用程序中。我的应用程序是使用Laravel、大量的jQuery等构建的。我应用中的所有导航元素都使用AJAX(不是通过Vue)来返回部分View。因此,任何内部链接或表单提交都是通过AJAX提交到返回部分的Laravel路由。我已经设置了我的第一个Vue实例,但它只在访问者第一次点击使用Vue实例的页面时绑定(bind)到元素。Vue实例仍然存在,但当用户离开页面然后返回时,它会失去与元素的绑定(bind)——大概是因为当用户离开页面时,元素已从DOM中删除。当Vue返回到DOM时,如何让Vue绑定(bind)回该元素(

javascript - 是否可以在一个 react ​​组件中有两种状态

我正在尝试构建一个简单的单位转换器来练习React.js。我希望能够更改一个单位的值,例如:Kg,并让另一个单位,例如:lb在屏幕上自动更改。请看这个网站给你一个想法:http://www.convertunits.com/from/lb/to/kg我有以下代码,它呈现但单位不更新。我想知道的是:一个组件有两种状态是否准确?1表示Kg另一个用于lb或者它们是否需要成为兄弟组件?如果是这样,他们将如何更新彼此的状态?如果可以在同一个组件中同时拥有两个单元的状态,那么我做错了什么?谢谢!(我有一个简单的快速应用程序来呈现页面)importReactfrom'react';exportdef

javascript - Object.assign 保留对原始对象的引用

这个问题在这里已经有了答案:HowdoIcorrectlycloneaJavaScriptobject?(80个答案)关闭7年前。我有方法:exportconstgroupActivities=({activities,tags,images,tickets})=>{if(!activities||!tags){console.error('Musthaveactivitiesandtags');}constgroupActivities=Object.assign({},activities);constgroups=groupByTags({activities:groupActi

javascript - React 组件抛出的错误,被不相关的 promise 的 catch block 捕获

这是我遇到的。在React组件的渲染函数的某处,我有这个:{first_name}{last_name}我用这个替换了它:{first_name.toUpperCase()}{last_name.toUpperCase()}我的应用程序无法再登录。我正在使用Axios与后端对话。Axios是基于promise的。在我进行了上述更改之后。它显然开始执行我的loginAPI调用的then和catchblock。当我在catchblock中打印响应时。functionlogin(data,success,error){axios.post('/login',JSON.stringify(da

javascript - Syncano Codebox - 调用 API - 解析 JSON - 获取引用 - 保存新对象

我将Syncano用作baas,我试图调用外部API来接收JSON数组。这个JSON需要被解析,然后存储在syncano中。在此之前,我需要从数据库接收引用对象以将其链接到新的团队对象。我成功收到团队(json)数组和引用对象。但是我无法存储新数据,因为只有12-14个团队(必须是18个)被保存。我用promise尝试了这个和那个,但没有成功。任何人都可以建议如何重写代码以存储所有数据?谢谢-这是我目前所拥有的...//TODO:getfromARGSwhenexecutingthiscodeboxvarteamKey=394;varrequestURL='http://api.foo

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - React 组件返回时实际发生了什么?

我注意到组件返回前和返回后的数据存在差异。classAComponentextendsComponent{render(){constbody=debugger//logbodyontheright//...renderasstatichtmltoelectronwindowreturnfalse}}classBComponentextendsComponent{render(){constresultRender=...debugger//logresultRenderontheleftreturnresultRender}}我之前的问题是“Howtoreadrenderedcomp

javascript - 引用错误 : localStorage is not defined in ReactJS Build

我在我的React应用程序中的经过身份验证的组件上大量使用localStorage,以从本地存储获取用户详细信息以及在登录时存储它们。当我构建我的应用程序时,它抛出ReferenceError:localStorageisnotdefined。我知道这可能是因为Node无法访问localStorage,因此出现错误。我该如何解决这个问题?这是我在组件中使用的代码示例。importReact,{PropTypes}from'react';importAccountBasicInfofrom'../components/AccountBasicInfo';exportclassAccoun

javascript - Angular 组件不会显示

我有一段html想要显示为一个组件,因为我没有操作DOM。作为一个指令它工作正常,但作为一个组件它就不行了。我以前制作组件没有问题,只是看不出这里有什么问题。如果我在组件代码中注释掉指令,它就不起作用。知道我做错了什么吗?(function(){"usestrict";angular.module('x.y.z')//.component('triangularStatus',{//bindings:{//value:'=',//dimension:'=?'//},//templateUrl:'/path/to/triangular-status.html',//controller: